@import '~office-ui-fabric-react/dist/sass/References';
@import './variables';

// Standard text size and spacing
:global {
  body {
    color: $ms-color-neutralPrimary;
    font-size: $ms-font-size-m;
    line-height: 1.5;
  }

  // Headings
  h2, h3, h4, h5 {
    color: $ms-color-black;
    font-weight: $ms-font-weight-semilight;
    margin-bottom: 16px;
  }

  h2 {
    font-size: $font-size-big;
    font-weight: $ms-font-weight-light;
    margin: $uhf-h2-margin;
  }

  h3 {
    font-size: $ms-font-size-l;
    margin: $uhf-h3-margin;
  }

  h4 {
    color: $ms-color-neutralDark;
    font-size: $ms-font-size-m;
    font-weight: $ms-font-weight-semibold;
    margin: $uhf-h4-margin;
  }

  // Paragraphs and lists
  p, ul, ol {
    font-size: $ms-font-size-m;
    font-weight: $ms-font-weight-regular;
    margin-bottom: $uhf-p-margin-bottom;
  }

  ol {
    list-style-position: inside;
    list-style-type: decimal;
  }

  // Inline text elements
  a {
    color: $ms-color-themePrimary;
    text-decoration: none;
  }

  em {
    font-style: italic;
  }

  strong {
    font-weight: $ms-font-weight-semibold;
  }

  code {
    font-family: monospace;
  }
}
